<!DOCTYPE html>
<html>

<head>
    <title>VS Code Config Helper</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
    <script>
        if (document.documentMode) {
            alert('由于您使用的是 IE，将为您直接跳转到下载链接。密码：gei7');
            window.open('https://ww.lanzous.com/b01bf37ha');
        }
    </script>
    <script>
        const lanzousLink = "https://ww.lanzous.com/b01bf37ha";
        const lanzousCode = "gei7";
        var versionInfo;
        function download() {
            window.open(versionInfo.link);
        }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@2.1.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/countup.js@2.0.7/dist/countUp.umd.js"></script>
    <style>
        .number {
            font-size: 5em;
        }
    </style>
</head>

<body>

    <div class="container">
        <div class="jumbotron">
            <div class="row">
                <div class="col-sm-3 text-center">
                    <img src="assets/VSCodeConfigHelper.png" style="width: 150px;">
                </div>
                <div class="col-sm-9">
                    <h1>VS Code Config Helper</h1>
                    <p>简单、快捷的 VS Code C++ 配置工具</p>
                </div>
            </div>
            <div class="row">
                <button type="button" class="btn btn-primary btn-lg center-block" style="font-size:200%"
                    onclick="download()">
                    <span class="glyphicon glyphicon-download-alt"></span>
                    <span style="margin:15px" id="download-text">立即下载</span>
                </button>
            </div>

            <div class="text-center" style="padding-top: 5px">
                <span id="version-text"></span>
                <a href="javascript:void(0);" class="bind_hover_card" data-toggle="popover" data-placement="bottom"
                    data-trigger="hover" style="vertical-align:bottom;">
                    <span class="glyphicon glyphicon-question-sign"></span>
                    无法下载？
                </a>
            </div>
        </div>
        <div style="text-align: center;">
            <div class="btn-group">
                <a class="btn btn-lg btn-success" target="_blank"
                    href="https://github.com/Guyutongxue/VSCodeConfigHelper/blob/master/README.md">使用帮助</a>
                <a class="btn btn-lg btn-warning" target="_blank"
                    href="https://github.com/Guyutongxue/VSCodeConfigHelper/blob/master/TroubleShooting.md">疑难解答</a>
                <a class="btn btn-lg btn-info" target="_blank"
                    href="https://github.com/Guyutongxue/VSCodeConfigHelper/blob/master/FAQ.md">常见问题</a>
            </div>
        </div>
        <div class="row text-center" style="padding-top: 2em;">
            <div class="col-sm-4" style="cursor: help;" title="根据下载量和配置成功的统计数据估计">
                <b>已成功配置</b><br>
                <span class="text-info number" id="successCount"></span> 次
            </div>
            <div class="col-sm-4">
                <b>初次配置耗时</b><br>
                <span class="text-info number" id="successCount"><10</span> 分
            </div>
            <div class="col-sm-4">
                <b>再次配置耗时</b><br>
                <span class="text-info number" id="successCount">≈15</span> 秒
            </div>
        </div>
        <h3 class="page-header">软件截图</h3>
        <img class="img-thumbnail center-block" src="assets/Snapshot.png">
        <h3 class="page-header">用户反馈</h3>
        <div class="row">
            <div class="col-sm-4">
                <blockquote>
                    <p>吹爆，这个太好用了</p>
                    <footer>微信群里的 LBX 同学</footer>
                  </blockquote>
            </div>
            <div class="col-sm-4">
                <blockquote>
                    <p>试了很多位up的方法，在您这里成功了，非常感谢！！！！！！</p>
                    <footer>Bilibili @常*路人 的评论</footer>
                  </blockquote>
            </div>
            <div class="col-sm-4">
                <blockquote>
                    <p>亲测可用！非常推荐这个实用的小工具。</p>
                    <footer>知乎 @中* 的评论</footer>
                  </blockquote>
            </div>
        </div>
        <h3 class="page-header">软件许可</h3>
        <p>VS Code Config Helper 是自由软件。你可以基于 <a target="_blank"
                href="http://www.gnu.org/licenses/gpl-2.0.html">GPLv2</a> 协议进行再分发或修改。
        </p>
        <h3 class="page-header">关于作者</h3>
        <p class="lead"><a target="_blank" href="https://guyutongxue.github.io">谷雨同学</a> | Guyutongxue</p>
    </div>
    <!-- GitHub Corner -->
    <a target="_blank" href="https://github.com/Guyutongxue/VSCodeConfigHelper" class="github-corner"
        aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250"
            style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
            <path
                d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
                fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
            <path
                d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
                fill="currentColor" class="octo-body"></path>
        </svg></a>
    <style>
        .github-corner:hover .octo-arm {
            animation: octocat-wave 560ms ease-in-out
        }

        @keyframes octocat-wave {

            0%,
            100% {
                transform: rotate(0)
            }

            20%,
            60% {
                transform: rotate(-25deg)
            }

            40%,
            80% {
                transform: rotate(10deg)
            }
        }

        @media (max-width:500px) {
            .github-corner:hover .octo-arm {
                animation: none
            }

            .github-corner .octo-arm {
                animation: octocat-wave 560ms ease-in-out
            }
        }
    </style>
    <!-- -->
    <script src="index.js" type="module">
    </script>
</body>

</html>